<template>
  <section>
    <yy-common-header></yy-common-header>

    <div class="search">
      <div class="search-list">
        <search-filters></search-filters>
        <search-content :keyword="getKeywordFromUrl()"></search-content>
      </div>
    </div>
    <yy-right-side-bar></yy-right-side-bar>
  </section>
</template>

<script>

import YYCommonHeader from 'components/common/YYCommonHeader'
import YYRightSideBar from 'components/common/YYRightSideBar'

import SearchFilters from './components/SearchFilters'
import SearchContent from './components/SearchContent'

import Util from 'util/util'

export default {
  name: 'app',
  methods: {
    getKeywordFromUrl () {
      return Util.getQueryString('keyWord') || ''
    }
  },
  components: {
    'yy-common-header': YYCommonHeader,
    'yy-right-side-bar': YYRightSideBar,
    'search-filters': SearchFilters,
    'search-content': SearchContent
  }
}
</script>

<style>

</style>
